Hello.
In this lecture or we are going to create the structure for our app the countdown timer using his t
email.
This is our cma file just to save time.
I've already pre written had the code so I'm just going to run through the code with you some of the
tags.
You may be familiar with already so I do apologize if fits.
If I'm repeating myself.
Line one is basically refers to the document type.
So this this declaration so that the web browsers search engines all know that the documents that this
page contains is a haish Timo 5 document.
So how tall is TMF dog.
Me and Biggie is from line to -- the way to line 33 so anything between line to a line is referred
to as a team mail document.
So also if you notice there's some indentation here so that you can differentiate between the parent
and the child.
They say Email Tag is a is the main parent element and you can see the head is a child on the hastier
male and the body is a child of the amount.
You can tell that the inside the head child elements of the head the tags inside the body.
Child elements of the body tag.
So let's start where they had the head content or behead tag basically is for information purposes.
You don't really see them when the page is loaded at the web browsers and the search engines use use
the information for the information contained in the head section.
I use that for informational purposes hotcakes so online for here we've got email that tag had inside
that tag there is an attribute called Cast set as a value of utf Dash 8.
Basically this refers to the coding type as type of encoding or characters use for page line 5 is the
title for the P line 7.
Here's another metter tag metter by the way it means more information meta tags are used to provide
extra information.
So Line 7 refers to a meter tag with an attribute called Name and Value description.
Basically again provide information to the search engines.
He's got an odd variable on other attributes cause content with a value of Holyday countdown calculator.
Again this is for information purposes say someone types in to Google and type in holiday countdown
down couple feet up.
Google will say this is where Google will go and look for the head section of any web browser or any
Web page that has Dan's value and try and render them to display.
So that's what does information are there for line 7.
I got a lot of letter code name quotes you put it.
It's got us an attribute of name inside that tag value is viewport and also not of another attribute
called content with a value cause with equals device minus Kamar initial scale.
What line surman is saying is that any device regardless of the screen size is was referring to the
view screen size regardless of the screen size.
Can you view this page.
And also you can zoom in.
You notice of course initial skill here that refers to resume in it and zooming out line it refers to
this type of seat externals it.
We were reference which is this car style sheet here lie.
Yeah that's the end of the headset.
It ends on line 9.
So let's move over to d body as you can see the tags are always make sure your tags are close properly
you can see the close tabs with the Fords last before detax so very important.
Okay that's the let's go to the body.
So this is a body body tag which starts on line 10 and ends on line 32.
It's this content in the body tag is what you actually see when you visit a page so the constant visible
content is between the body.
Have gotten here one they aren't lying.
11 THIS IS A title tag it will display a title Corps name to count down.
I've defined a d d Ecclesia division in the P.
Just divide the section of a page line 12.
I have created a div giving it an idea off clock.
Dave Hall use this idea later to reference it in our javascript aren't also in our success.
Lying forward team have created its span element so lifespan this band basically used to you had things
together.
So this band element here.
Class of.
Defend it in the class and then hide the attribute is that a class can be reused several times while
an idea is unique.
So Im going to use this.
I have used this class several times I've used it online for teen use.
Did a game on.
I have quit several classes for that.
No that is abuse.
This classes here the class create the class use on 15.
I've also used it here on line 19 and all saw on line twenty three line 27.
So the difference between a class and an I.D. class is really really reuseable several times within
a page.
So I've also created some other class here called hours days and so on.
So this content bisley comprises of deaves and span a span element is used to join content together.
So the span basically span tag is a way to group in line elements in a document and gather carlye Provides
Hill hawk hooks a part of the text or other parts of the document to as card like the Sella to play
glues them together so that fit for the hastier male structure.
In our next election it will be implemented in are javascript and then will implement.
Success.
Thanks for watching.
Bye for now.
So this is what half page looks like and of my make haste to email.
So this is why the hate mail as created was we've implemented this year says it will look much better
and then the javits group will provide the outroar functionality for the clock.